.IconMessage {
    .content {
        &.success {
            padding-bottom: 2px;
            padding-left: 7px;

            > .IconMessage__svg-wrapper {
                margin-left: 68px;
            }
        }

        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        text-align: center;

        .IconMessage-h3 {
            margin-top: 43px;
            color: var(--center-channel-color);
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;

            @media screen and (max-width: 600px) {
                font-size: 36px;
                letter-spacing: -0.13px;
                line-height: 42px;
            }
        }

        .IconMessage-sub {
            max-width: 560px;
            align-self: center;
            margin-top: 16px;
            color: var(--center-channel-color);
            font-size: 14px;
            font-style: normal;
            font-weight: normal;
            line-height: 20px;

            &.error {
                color: #db3214;
            }
        }

        .IconMessage-buttons {
            display: flex;
            height: 40px;
            justify-content: center;
            margin-top: 16px;
            font-size: 14px;
            font-weight: 600;
            gap: 16px;
            line-height: 14px;
            text-align: center;
        }

        .IconMessage-progress {
            width: 387px;
            height: 4px;
            border-radius: 4px;
            margin: 0 auto;
            margin-top: 90px;
            background: rgba(34, 64, 109, 0.12);
        }

        .IconMessage-progress-fill {
            height: 100%;
            border-radius: 4px;
            background: #0058cc;
        }

        .IconMessage-button {
            button {
                border-radius: 4px;
                background: var(--button-bg);
                color: var(--button-color);
            }
        }

        .IconMessage-tertiary-button {
            button {
                border-radius: 4px;
                background: rgba(var(--button-bg-rgb), 0.08);
                color: var(--button-bg);
            }
        }

        .IconMessage-link {
            margin-top: 21px;
            margin-left: -10px;
            color: #0058cc;
            font-size: 14px;
            font-weight: 600;
            line-height: 14px;
            text-align: center;
        }
    }

    &__svg-wrapper {
        align-self: center;

        svg {
            @media screen and (max-width: 600px) {
                width: 150%;
            }
        }
    }
}
